<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>大数据分析</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<!--[if IE 7]>
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/com.css" />
		<link rel="stylesheet" href="css/enterpriseCloud.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/echarts4.0.2.js"></script>
		<script type="text/javascript" src="js/echarts-wordcloud.min.js"></script>

		<!--html5shiv.js和respond.min.js是为了让IE8支持HTML5的新标签以及CSS3里的媒体查询-->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5shiv.js"></script>
		<script type="text/javascript" src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="bg">
		<!--应用详情主体-->
		<div class="container-fluid content-wrap">
			<div class="app-content">
			    <div class="row">
			    	<div class="menu">
			    		<!--<span class="logo fa fa-navicon" title="菜单目录"></span>-->
						
						<ul class="menu-list w35 pull-left" >

						</ul>
						<h4 class="title"><span>连云港城市运营监控分析</span></h4>
						<span class="amplify pull-right"><img src="img/enlarge.png/" alt="" /></span>
						<ul class="menu-list w30 pull-right" >

							<li><a class="list-item" href="specialAnalysis.html" title="专题分析">专题分析</a></li>
							<li class="choose"><a class="list-item" href="enterpriseCloud.html" title="企业云图">企业云图</a></li>
							<li><a class="list-item" href="majorProject.html" title="重大项目">重大项目</a></li>
							<li><a class="list-item" href="index.html" title="招商引资">招商引资</a></li>
							
						</ul>
			    	</div>
			    	<!-- <ul class="center clearfix">
			    		<li class="onshow">供求对比关系</li>
			    		<li>供求关系分析</li>
			    		<li>热闹行业</li>
			    	</ul> -->
			    	
			    	<div class="content-list-wrap">
				    	<div class="content-list">
				    		<div class="content-left">
				    			<div class="leftBoxTop">
				    				<i class="topLeft"></i>
				    				<i class="topRight"></i>
				    				<i class="bottomRight"></i>
				    				<i class="bottomLeft"></i>
				    				<p>截至目前，本市共执行招商引资项目<b>253</b>个，到们资金<b>52.49</b>亿元，同比增加<b>12.32%</b>。其中区外项目<b>234</b>个，到位资金<b>53.2</b>亿元，同比增加<b>23.21%</b>，完成全市目标任务（引进区外到位资金<b>425</b>亿元）的<b>13.21%</b>。</p>
				    			</div>
				    			<div class="leftBoxBottom">
				    				<ul class="Boxlist">
				    					<li class="boxItem">
				    						<span class="tle">三高一新</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
				    							<ol>
					    							<li>数量：<b>33个</b></li>
					    							<li>产值：<b>320亿</b></li>
					    							<li>税收：<b>54亿</b></li>
					    						</ol>
				    						</div>
				    						
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">三产</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
					    						<ol class="">
					    							<li>数量：<b>183个</b></li>
					    							<li>产值：<b>820亿</b></li>
					    							<li>税收：<b>164亿</b></li>
					    						</ol>
				    						</div>
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">二产</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
					    						<ol class="">
					    							<li>数量：<b>75个</b></li>
					    							<li>产值：<b>880亿</b></li>
					    							<li>税收：<b>134亿</b></li>
					    						</ol>
				    						</div>
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">一产</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
					    						<ol class="">
					    							<li>数量：<b>27个</b></li>
					    							<li>产值：<b>220亿</b></li>
					    							<li>税收：<b>24亿</b></li>
					    						</ol>
				    						</div>
				    					</li>
				    					<li class="boxItem">
				    						<span class="tle">止</span>
				    						<div class="content">
				    							<i class="topLeft"></i>
							    				<i class="topRight"></i>
							    				<i class="bottomRight"></i>
							    				<i class="bottomLeft"></i>
					    						<ol class="lh35">
	
					    							<li>迁出：<b>12个</b></li>
					    							<li>注销：<b>21个</b></li>
					    						</ol>
				    						</div>
				    					</li>
				    				</ul>
				    			</div>
				    			
				    		</div>
				    		<!--连云港全市图-->
				    		<div class="content-right">
				    			<div class="LBox">
				    				<div class="areaMap">
				    					<span class="backIcon" title="返回" style="display: none;"></span>
					    				<div class="mapWrap" id="map">
					    					
					    				</div>
				    				</div>
				    				
				    			</div>
				    			<div class="RBox">
					    			<div class="rightBox">
					    				<div class="rb-left">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart1">
						    					
						    				</div>
					    				</div>
					    				<div class="rb-right">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart2">
						    					
						    				</div>
					    				</div>
					    			</div>
					    			<div class="rightBox">
					    				<div class="rb-left" id="">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart3">
						    					
						    				</div>
					    				</div>
					    				<div class="rb-right">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart4">
						    					
						    				</div>
					    				</div>
					    			</div>
					    			<div class="rightBox">
					    				<div class="rb-left" id="">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart5">
						    					
						    				</div>
					    				</div>
					    				<div class="rb-right">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart6">
						    					
						    				</div>
					    				</div>
					    			</div>
					    		</div>
					    		<div class="RBox" style="display: none;">
					    			<div class="rightBox">
					    				<div class="rb-wrap">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart7">
						    					
						    				</div>
					    				</div>
					    				<!--<div class="rb-right">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
					    				</div>-->
					    			</div>
					    			<div class="rightBox">
					    				<div class="rb-left" id="">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart8">
						    					
						    				</div>
					    				</div>
					    				<div class="rb-right">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<div class="chartBox" id="chart9">
						    					
						    				</div>
					    				</div>
					    			</div>
					    			<div class="rightBox">
					    				
					    				<div class="rb-wrap">
					    					<i class="topLeft"></i>
						    				<i class="topRight"></i>
						    				<i class="bottomRight"></i>
						    				<i class="bottomLeft"></i>
						    				<p class="til">能耗企业TOP10</p>
						    				<ul>
						    					<li><span>1</span>苏州通达物流机器有限公司</li>
						    					<li><span>2</span>中煤集团连云港分公司</li>
						    					<li><span>3</span>连云港恒瑞集团有限公司</li>
						    					<li><span>4</span>连云港正大天晴制药有限公司</li>
						    					<li><span>5</span>新海石化</li>
						    					
						    				</ul>
						    				<ul>
						    					<li><span>6</span>连云港神舟新能源有限公司</li>
						    					<li><span>7</span>新海发电有限公司</li>
						    					<li><span>8</span>连云港宏业化工有限公司</li>
						    					<li><span>9</span>连云港祥晟光伏发电有限公司</li>
						    					<li><span>10</span>连云港林洋新能源有限公司</li>
						    				</ul>
					    				</div>
					    			</div>
					    		</div>
				    			
				    		</div>
				    		<!--连云港区域图-->
				    		<div class="content-right" style="display: none;">
				    			<div class="LBox" id="area">
				    				<div class="areaWrap">
				    					<span class="backIcon" title="返回"></span>
				    					<img class="areaMap" src="img/Ganyu.png" alt="" />
								     	<div class="point" title="企业"></div>
								     	<ul class="iconTab">
					    					<li><img src="img/icons/green.png" />三高一新</li>
					    					<li><img src="img/icons/orange.png" />三产</li>
					    					<li><img src="img/icons/blue.png" />二产</li>
					    					<li><img src="img/icons/grey.png" />一产</li>
				    					</ul>
				    				</div>
				    			</div>
				    			<div class="DetailBox">
				    				<div class="tabBox">
					    				<ul class="nav nav-pills nav-justified">
					    					<li class="active">基本</li>
					    					<li>纳税</li>
					    					<li>用能</li>
					    					<!--<li>用工</li>
					    					<li>处罚</li>-->
					    					<li>进出口</li>
					    					<li>产业链</li>
					    					<li>投资图谱</li>
					    					<!--<li>舆情</li>-->
					    				</ul>
					    			</div>
					    			<div class="itemList">
					    				<i class="topLeft"></i>
					    				<i class="topRight"></i>
					    				<i class="bottomRight"></i>
					    				<i class="bottomLeft"></i>
					    				<div class="items">
					    					<div class="topText">
						    					<h4>艾博机器人股份有限公司</h4>
						    					<table class="table table-bordered">
						    						<tr>
						    							<td>法定代表人：</td>
						    							<td>周玮</td>
						    							<td>注册资本：</td>
						    							<td>2120.4万</td>
						    						</tr>
						    						<tr>
						    							<td>成立日期：</td>
						    							<td>2010-09-04</td>
						    							<td>企业性质：</td>
						    							<td>股份制企业</td>
						    						</tr>
						    						<tr>
						    							<td>公司地址：</td>
						    							<td colspan="3">连云港海州区朝阳路6号</td>
						    						</tr>
						    						<tr>
						    							<td>营业期限：</td>
						    							<td>2010-09-04~</td>
						    							<td>核准日期：</td>
						    							<td>2018-04-17~</td>
						    						</tr>
						    					</table>
						    					
						    				</div>
						    				<div class="enterpriseMap">
						    					<span>企业画像</span>
						    					<div class="Img">
						    						<iframe src="wordcloud.html" width="100%" height="100%"></iframe>
						    					</div>
						    					
						    				</div>
					    				</div>
					    				<div class="items dpn">
					    					<div class="chartBox" id="tax">
					    						
					    					</div>
					    				</div>
					    				<div class="items dpn">
					    					<div class="chartBox" id="energy">
					    						
					    					</div>
					    				</div>
					    				<div class="items dpn">
					    					
					    				</div>
					    				<div class="items dpn">
					    					<div class="chartBox" id="property">
					    						
					    					</div>
					    				</div>
					    				<div class="items dpn">
					    					<div class="chartBox" id="invest">
					    						
					    					</div>
					    				</div>
					    			</div>
					    			
				    			</div>
				    			
				    		</div>
				    	</div>
			    	</div>
			    </div>
				
			</div>
		</div>
		<!--应用详情主体-->
		<script src="js/common.js"></script>

		<script src="js/enterpriseCloud.js"></script>
		<script>
			$(function(){
				$(".nav-pills li").on("click",function(){
					var $index = $(this).index();
					$(this).addClass("active").siblings().removeClass("active");
					$(".items").eq($index).show().siblings().hide();
				})
				$(".areaMap .backIcon").on("click",function(){
					$(this).hide();
					$(".content-right .RBox").eq(1).hide();
					$(".content-right .RBox").eq(0).show();
				})
				$(".areaWrap .backIcon").on("click",function(){
					$(".content-right").eq(1).hide();
	     			$(".content-right").eq(0).show();
				})
			})
		</script>
	</body>
</html>
